﻿@charset "utf-8";
@import "css/bootstrap.css";
@import "css/bootstrap-responsive.min.css";
@import "css/icon.css?v2.1";

ul,ol{list-style:none}
h1, h2, h3, h4, h5, h6,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0;margin:0;font-size:12px;line-height:100%;font-family:Arial,sans-serif}
body{ overflow:hidden;font-family:新細明體,'Helvetica Neue',Arial,sans-serif;font-size:12px;background:#2b2b2b}

*:focus{border: none;outline: none;}
img { border:none;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { font-weight:normal;}

#layout { text-align:left;}
#layout { display:block; height:100%; position:relative;}

.progressBar { display:none; position: absolute; top:5px; left:15%;padding: 3px 10px 3px 25px; white-space:nowrap; text-align:left;position:absolute; z-index:99999; color:#EBE8E2; background:#1180C8 url(css/img/loadding/loading.gif) no-repeat; background-position:6px 6px;}
.background { display: block; width:100%; height:100%; background:#FFF; position:absolute; top:0; left:0; z-index:2000;}
.alertBackground { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#000; position:absolute; top:0; left:0; z-index:1010;}
.dialogBackground { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#000; position:absolute; top:0; left:0; z-index:900;}
.iframeload{display:block; padding:20px; color:#8F9093;font-style:italic; font-family:Arial SimSun; font-weight:bolder; font-size:14px; background:#fff url(css/img/loadding/load_1.gif) no-repeat; background-position:20px 10px;}

/*header*/
.header{width:100%;position:absolute; z-index:14; left:0;top:0;height:34px;background:url('css/img/background/bg_2.jpg') #3b3b3b;}
.header .logo{background:url("css/img/logo.png") center center no-repeat;width:103px;height:35px;margin:2px 0;float:left}
.header .header-button{float:right;margin-top:8px;margin-right:10px;overflow:hidden}
.header .header-button i{margin-left:30px;cursor:pointer}


/*menu*/
.menu{height:100%;position:absolute;z-index:13;left:0;top:30px;background:url('css/img/background/bg_2.jpg') left top repeat #3b3b3b}
.menu ul.main{display:block;width:62px;min-height:100%;position:relative;list-style:none;padding:0;margin:0;z-index:10}
.menu ul.main li a{display:block;width:62px;text-align:center;padding-top:7px;padding-bottom:7px;padding-right:2px;border-bottom:1px solid #212A31}
.menu ul.main li a span{display:inline-block;font-size:12px}
.menu ul.main li a span.text{width:62px;color:#fff}
.menu ul.main li a:hover,.navigation ul.main li a.active{background-color:#35546C;padding-right:0;border-right:2px solid #243E52;}

/*content*/
.content{display:block;position:absolute; z-index:10; top:30px; left:60px; background-color:#FFF; border:solid 0px red; margin:4px;}

/*submenu*/
.submenu{z-index:13;position:absolute;display:none;left:64px;top:0;overflow:hidden; border:7px solid #EDF3F4;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.1);box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.submenu{width:160px}
.submenu > div{ border-top:1px solid #B8D0D6; position:relative;}
.submenu .menuitem{position:relative;}
.submenu .menuitem a{background-image:url(css/img/background/menubg.png)}
.submenu .menuitem a{display:block;font-size:12px;color:#333;text-decoration:none;padding:6px;border:1px solid #B8D0D6; border-top:none; background-position:0 28px;}
.submenu .menuitem a span[class^="icon-"]{margin-top:0;margin-right:10px}
.submenu .menuitem a:hover,.submenu .menuitem a.active{background-position:0 -56px}

/* Shadow */
.shadow { display:none; overflow:hidden; position:absolute; z-index:41;}
.shadow .shadow_h_l { background:url(css/img/shadow/shadow_h_l.png) no-repeat;}
.shadow .shadow_h_r { background:url(css/img/shadow/shadow_h_r.png) no-repeat;}
.shadow .shadow_h_c { background:url(css/img/shadow/shadow_h_c.png) repeat-x;}
.shadow .shadow_c_l { background:url(css/img/shadow/shadow_c_l.png) repeat-y;}
.shadow .shadow_c_r { background:url(css/img/shadow/shadow_c_r.png) repeat-y;}
.shadow .shadow_c_c { background:url(css/img/shadow/shadow_c_c.png) repeat;}
.shadow .shadow_f_l { background:url(css/img/shadow/shadow_f_l.png) no-repeat;}
.shadow .shadow_f_r { background:url(css/img/shadow/shadow_f_r.png) no-repeat;}
.shadow .shadow_f_c { background:url(css/img/shadow/shadow_f_c.png) repeat-x;}
.shadow .shadow_h, .shadow .shadow_h_l, .shadow .shadow_h_r, .shadow .shadow_h_c,
.shadow .shadow_f, .shadow .shadow_f_l, .shadow .shadow_f_r, .shadow .shadow_f_c { display:block; overflow:hidden; height:6px;}
.shadow .shadow_h, .shadow .shadow_c, .shadow .shadow_f { position:relative;}
.shadow .shadow_h_l, .shadow .shadow_c_l, .shadow .shadow_f_l { width:6px; position:absolute; top:0; left:0;}
.shadow .shadow_h_r, .shadow .shadow_c_r, .shadow .shadow_f_r { width:6px; position:absolute; top:0; right:0;}
.shadow .shadow_h_c, .shadow .shadow_c_c, .shadow .shadow_f_c { margin:0 6px;}
.shadow .shadow_c, .shadow .shadow_c_l, .shadow .shadow_c_r, .shadow .shadow_c_c { display:block; overflow:hidden; height:100%;}

/*tabs*/
.tabsPage .tabsPageHeader, .tabsPage .tabsPageHeader li, .tabsPage .tabsPageHeader li a, .tabsPage .tabsPageHeader li span { background:url(css/img/tabs/tabspage.png) no-repeat;}
.tabsPage .tabsPageHeader { background-color:#e9f0f2;}
.tabsPage .tabsPageHeader { border-color:#b8d0d6;}
.tabsPage .tabsPageHeader li a { color:#183152;}
.tabsPage .tabsPageHeader li .close,
.tabsPage .tabsPageHeader li.hover .close,
.tabsPage .tabsPageHeader li.selected .close { background:url(css/img/tabs/tabspage_icon.png) no-repeat;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { background:url(css/img/tabs/tabscontrol.png) no-repeat;}
.tabsPage .tabsMoreList { border-color:#b8d0d6; background:#FFF;}
.tabsPage .tabsPageHeader .home_icon { background:url(css/img/icon.png) no-repeat;}
.tabsPage .tabsPageContent { border-color:#b8d0d6; background:#FFF; border:solid 0px #000}
.tabsPage .tabsPageHeader { display:block; height:27px; border-style:solid; border-width:1px 1px 0 1px; background-position:0 -450px; background-repeat:repeat-x; position:relative;}
.tabsPage .tabsPageHeaderContent { display:block; overflow:hidden; height:27px; margin-right:19px; position:relative;}
.tabsPage .tabsPageHeaderMargin { margin:0 34px 0 17px;}
.tabsPage .tabsPageHeader ul { display:block; width:10000px; height:26px; z-index:1; position:absolute;}
.tabsPage .tabsPageHeader li { float:left; display:block; height:26px; margin-left:4px; background-position:0 -100px; background-repeat:repeat-x; position:relative; cursor:pointer;}
.tabsPage .tabsPageHeader li a { float:left; display:block; overflow:hidden; height:26px; padding-left:5px; line-height:25px; background-position:0 0; }
.tabsPage .tabsPageHeader li a:hover { text-decoration:none;}
.tabsPage .tabsPageHeader li span { float:left; display:block; overflow:hidden;  height:24px; padding:2px 24px 2px 4px; line-height:21px; background-position:100% -50px; cursor:pointer;}
.tabsPage .tabsPageHeader li span i{ margin-right:4px;}
.tabsPage .tabsPageHeader li.hover { background-position:0 -250px; background-repeat:repeat-x;}
.tabsPage .tabsPageHeader li.hover a { background-position:0 -150px;}
.tabsPage .tabsPageHeader li.hover span { background-position:100% -200px;}
.tabsPage .tabsPageHeader li.selected { background-position:0 -400px; background-repeat:repeat-x;}
.tabsPage .tabsPageHeader li.selected a { font-weight:bold; background-position:0 -300px;}
.tabsPage .tabsPageHeader li.selected span { background-position:100% -350px;}
.tabsPage .tabsPageHeader li .close { display:block; overflow:hidden; width:11px; height:11px; padding:0; text-indent:-1000px; background-position:0 -50px; position:absolute; top:3px; right:2px;}
.tabsPage .tabsPageHeader li .close:hover {background-position:0 -50px;}
.tabsPage .tabsMove { height:25px; position:absolute; top:0; right:0; z-index:2;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { display:block; overflow:hidden; width:17px; height:23px; text-indent:-1000px; position:absolute; z-index:2;}
.tabsPage .tabsLeft { background-position:0 0; top:1px; left:0; cursor:pointer;}
.tabsPage .tabsLeftHover { background-position:0 -50px;}
.tabsPage .tabsLeftDisabled { background-position:0 -100px; top:1px; left:0; cursor:default;}
.tabsPage .tabsRight { background-position:0 -150px; top:1px; right:17px; cursor:pointer;}
.tabsPage .tabsRightHover { background-position:0 -200px;}
.tabsPage .tabsRightDisabled { background-position:0 -250px; top:1px; right:17px; cursor:default;}
.tabsPage .tabsMore { background-position:0 -300px; top:1px; right:0; cursor:pointer;}
.tabsPage .tabsMoreHover { background-position:0 -350px;}
.tabsPage .tabsMoreList { display:none; overflow:hidden; width:170px; padding:2px; border-style:solid; border-width:1px; position:absolute; top:24px; right:0; z-index:3;}
.tabsPage .tabsMoreList li { display:block; overflow:hidden; height:23px; line-height:21px;}
.tabsPage .tabsMoreList li a { display:block; width:148px; height:21px; padding:0 10px; border:solid 1px #FFF; white-space:nowrap; line-height:21px;}
.tabsPage .tabsMoreList li a:hover { border-color:#ececec; text-decoration:none; background:#f5f5f5;}
.tabsPage .tabsMoreList li.selected a { font-weight:bold; border-color:#dfe5ed; background:#e8edf3;}

/*dialog*/
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c,
.dialog .dialogFooter, .dialog .dialogFooter_r, .dialog .dialogFooter_c { background:url(css/img/dialog/dialogpanel.png) no-repeat;}
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(css/img/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader h1 { color:#183152;}
.dialog .dialogContent { border-color:#b8d0d6; background:#eef4f5;}
.resizable { border-color:#081629; background:#c3d7dc;}
.dialog { display:block; text-align:left; position:absolute; z-index:42;}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c { display:block; overflow:hidden; height:28px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize { display:block; overflow:hidden; text-indent:-1000px; width:19px; height:19px; position:absolute; top:5px;}
.dialog .dialogHeader h1 { display:block; overflow:hidden; height:28px; padding:0 5px 0 25px; line-height:28px; background-position:0 -450px;}
.dialog .dialogHeader { padding-left:4px; background-position:0 0; position:relative; cursor:move;}
.dialog .dialogHeader_r { padding-right:4px; background-position:100% -50px;}
.dialog .dialogHeader_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;}
.dialog .dialogHeader .close { background-position:0 0; right:4px;}
.dialog .dialogHeader .close:hover { background-position:0 -50px;}
.dialog .dialogHeader .maximize { background-position:0 -100px; right:23px;}
.dialog .dialogHeader .maximize:hover { background-position:0 -150px;}
.dialog .dialogHeader .restore { display:none; background-position:0 -200px; right:23px;}
.dialog .dialogHeader .restore:hover { background-position:0 -250px;}
.dialog .dialogHeader .minimize { background-position:0 -300px; right:42px;}
.dialog .dialogHeader .minimize:hover { background-position:0 -350px;}
.dialog .dialogContent { display:block; overflow:hidden; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.dialog .panelFooter_r, .dialog .dialogFooter_c { display:block; overflow:hidden; height:5px;}
.dialog .dialogFooter { padding-left:5px; background-position:0 -150px;}
.dialog .dialogFooter_r { padding-right:5px; background-position:100% -200px;}
.dialog .dialogFooter_c { padding:0; background-position:0 -250px; background-repeat:repeat-x;}
.dialogProxy { opacity:0.8; filter:alpha(opacity=80);}
.dialog .resizable_f_r { width:11px; height:11px; background-position:0 -400px;}

.dialogiFrameStyle{border:solid 1px #B8D0D6;}

/* Dialog Resizable */
.resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:100;}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;}
.resizable_h_l { cursor:nw-resize; top:0; left:0; z-index:2;}
.resizable_h_r { cursor:ne-resize; top:0; right:0; z-index:2;}
.resizable_h_c { width:100%; cursor:n-resize; top:0; left:0; z-index:1;}
.resizable_c_l { cursor:w-resize; top:0; left:0; z-index:1;}
.resizable_c_r { cursor:e-resize; top:0; right:0; z-index:1;}
.resizable_f_l { cursor:sw-resize; bottom:0; left:0; z-index:2;}
.resizable_f_r { cursor:se-resize; bottom:0; right:0; z-index:2;}
.resizable_f_c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:1;}
/* Shadow */
.shadow { display:none; overflow:hidden; position:absolute; z-index:41;}
.shadow .shadow_h, .shadow .shadow_h_l, .shadow .shadow_h_r, .shadow .shadow_h_c,
.shadow .shadow_f, .shadow .shadow_f_l, .shadow .shadow_f_r, .shadow .shadow_f_c { display:block; overflow:hidden; height:6px;}
.shadow .shadow_h, .shadow .shadow_c, .shadow .shadow_f { position:relative;}
.shadow .shadow_h_l, .shadow .shadow_c_l, .shadow .shadow_f_l { width:6px; position:absolute; top:0; left:0;}
.shadow .shadow_h_r, .shadow .shadow_c_r, .shadow .shadow_f_r { width:6px; position:absolute; top:0; right:0;}
.shadow .shadow_h_c, .shadow .shadow_c_c, .shadow .shadow_f_c { margin:0 6px;}
.shadow .shadow_c, .shadow .shadow_c_l, .shadow .shadow_c_r, .shadow .shadow_c_c { display:block; overflow:hidden; height:100%;}

.container{position:relative;padding:10px;margin-left:10px}
.widget{position:relative;width:100%;margin-bottom:20px;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}

.widget .head{background-image:url('css/img/background/bg_2.jpg');border:0 solid #DDD;padding-left:5px;-webkit-box-shadow:inset 0 1px white;-moz-box-shadow:inset 0 1px #fff;box-shadow:inset 0 1px white;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.widget .head .icontitle{display:block;float:left;margin:1px 0 0 5px;padding:7px 0 0 0}
.widget .head h2{margin:0 0 0 5px;padding:0;font-family:新細明體,'Helvetica Neue',Arial,sans-serif;font-size:12px;padding:7px 0 5px 0;font-weight:bold;display:inline-block;line-height:20px;color:#f5f5f5}
.widget .block-fluid{padding:10px;min-height:100px;border-top:0;border:solid 1px #ddd;}
.block:after,.block-fluid:after,.toolbar:after,.toolbar-fluid:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}

.block:after,.block-fluid:after,.toolbar:after,.toolbar-fluid:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}
.row-form:first-child{border-top-color:#DDD}
.row-form{border:1px solid #DDD;border-top-color:#FFF;padding:10px 15px;vertical-align:baseline;background-color:#f5f5f5}
.row-form:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}
.row-form>[class^="span"]{color:#333;line-height:30px}
.row-form [class^="span"]>span.top.title,.row-form [class^="span"]>span.bottom.title{color:#333}
.row-form [class^="span"]>span.top{margin-bottom:5px;margin-top:0}
.row-form [class^="span"]>span.bottom,.row-form [class^="span"]>span.top{font-size:11px;color:#999;line-height:14px;display:block;margin-top:5px}

.button
{
	font-family:新細明體;
	font-size:12px;
	border: 1px solid #323537;
	padding: 3px;
	padding-left:8px;
	padding-right:8px;
	color: #fff;
	position: relative;
	margin: 0 0 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	background: #4b4f51; /* Old browsers */
	background: -moz-linear-gradient(top, #4b4f51 0%, #414547 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4f51), color-stop(100%,#414547)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4b4f51 0%,#414547 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4b4f51 0%,#414547 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4b4f51 0%,#414547 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4b4f51 0%,#414547 100%); /* W3C */
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4f51', endColorstr='#414547',GradientType=0 );
}
.button.blue
{	
	border-color: #0272bd #0272bd #208ed3;
	border-style:solid;
	border-width:1px;
	margin: 1;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	background: #208ed3; /* Old browsers */
	background: -moz-linear-gradient(top, #208ed3 0%, #0272bd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208ed3), color-stop(100%,#0272bd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #208ed3 0%,#0272bd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #208ed3 0%,#0272bd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #208ed3 0%,#0272bd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #208ed3 0%,#0272bd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#208ed3', endColorstr='#0272bd',GradientType=0 );
}
.button.green
{
	border-color: #b2d000 #74aa00 #74aa00;
	border-style:solid;
	border-width:1px;
	margin: 1;
	background: #9bc747; /* Old browsers */
	background: -moz-linear-gradient(top, #b2d000 0%, #74aa00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2d000), color-stop(100%,#74aa00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2d000 0%,#74aa00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2d000 0%,#74aa00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2d000 0%,#74aa00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2d000 0%,#74aa00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d000', endColorstr='#74aa00',GradientType=0 );
}
.button.yellow
{
	border-color: #e8bc24 #d68518 #e8bc24;
	border-style:solid;
	border-width:1px;
	margin: 1;
	background: #9bc747; /* Old browsers */
	background: -moz-linear-gradient(top, #e8bc24 0%, #d68518 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bc24), color-stop(100%,#d68518)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8bc24 0%,#d68518 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e8bc24 0%,#d68518 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e8bc24 0%,#d68518 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8bc24 0%,#d68518 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bc24', endColorstr='#d68518',GradientType=0 );
}
.button.red
{
	border-color: #e35028 #e35028 #a93516;
	border-style:solid;
	border-width:1px;
	margin: 1;
	background: #9bc747; /* Old browsers */
	background: -moz-linear-gradient(top, #ef7b3e 0%, #e35028 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7b3e), color-stop(100%,#e35028)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef7b3e 0%,#e35028 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef7b3e 0%,#e35028 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ef7b3e 0%,#e35028 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ef7b3e 0%,#e35028 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7b3e', endColorstr='#e35028',GradientType=0 );
}
.button.white
{
	color:#333;
	border-color: #d8d8d8 #d8d8d8 #b2b2b2;
	border-style:solid;
	border-width:1px;
	margin: 1;
	background: #9bc747; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 0%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
}
.button:hover
{
	text-decoration:none;
	border: 1px solid #82bd42;
	color: #3B3E40;
	text-shadow: none;
	background: #ededee !important;
	background: -moz-linear-gradient(top, #9bc747 0%, #82bd42 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bc747), color-stop(100%,#82bd42)) !important;
	background: -webkit-linear-gradient(top, #9bc747 0%,#82bd42 100%) !important;
	background: -o-linear-gradient(top, #9bc747 0%,#82bd42 100%) !important;
	background: -ms-linear-gradient(top, #9bc747 0%,#82bd42 100%) !important;
	background: linear-gradient(to bottom, #9bc747 0%,#82bd42 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc747', endColorstr='#82bd42',GradientType=0 );
}
a.button{padding:6px;}
.modal-footer {padding: 6px;}
a.button .icon{margin-top:0px;}

#gritter-notice-wrapper{position:fixed;top:5px;left:45%;z-index:100001;}
#gritter-notice-wrapper.top-left{left:20px;right:auto;}
#gritter-notice-wrapper.bottom-right{top:auto;left:auto;bottom:20px;right:20px;}
#gritter-notice-wrapper.bottom-left{top:auto;right:auto;bottom:20px;left:20px;}
.gritter-item-wrapper{position:relative;margin:0 0 2px 0;}
.gritter-top,.gritter-bottom{height:0;}
.gritter-item{display:block;color:#2b2b2b;padding:4px 30px 2px 5px;}
.gritter-item i{margin-right:2px; margin-top:-2px;}
.hover .gritter-item{}.gritter-item p{padding:0;margin:0;word-wrap:break-word;font-size:10px;line-height:14px;font-size:12px;color:#fff;font-family:新細明體 Verdana Arial;}
.gritter-close{display:none;position:absolute;top:-7px;right:-9px;background:url(img/gritter.png) no-repeat left top;cursor:pointer;width:30px;height:30px;}
.gritter-title{font-size:12px;font-weight:bold;padding:0 0 7px 0;display:block;}
.gritter-image{width:32px;height:32px;float:left;margin:5px;}
.gritter-with-image,.gritter-without-image{padding:0;}
.gritter-with-image{width:220px;float:right;}
.gritter-light .gritter-item,.gritter-light .gritter-bottom,.gritter-light .gritter-top,.gritter-light .gritter-close{background-image:url(img/gritter-light.png);color:#222;}
.gritter-light .gritter-title{text-shadow:none;}
